{% extends "base.html" %}
{% load i18n %}
{% block title %} Tu Negocio Empresarios - Previsualizar productos a Importar desde Archivo{% endblock %}

{% block head-css-ext %}
    <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/layout.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/blue/style.css" media="print, projection, screen" />
    <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/jquery-ui.css" media="screen" />
{% endblock %}

{% block head-js-ext %}
    <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script>
    <script type="text/javascript" src="{{MEDIA_URL}}js/jquery-ui.js"></script>
    <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.tablesorter.js"></script>
    <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.tablePagination.js"></script>
    <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.translate.js"></script>
{% endblock %}

{% block head-js-embedded %}
    <script type="text/javascript">
        $(document).ready(function(){
            var options = {
                firstArrow : (new Image()).src="{{MEDIA_URL}}img/icons/first.png",
                prevArrow : (new Image()).src="{{MEDIA_URL}}img/icons/prev.png",
                lastArrow : (new Image()).src="{{MEDIA_URL}}img/icons/last.png",
                nextArrow : (new Image()).src="{{MEDIA_URL}}img/icons/next.png"
            }
            $("#inventario")
                .tablesorter({widthFixed: true,  widgets: ['zebra'] })
                .tablePagination(options);
		
            $("#tablePagination").translate('en', 'es');
            
            $("button, input:submit, input:reset", ".enviar").button();
            
            $("input:reset").click(function(){
                location.href = "{% url agregar_productos_inventario_from_file %}" 
            });  
            
        });        
    </script>
{% endblock %}
{% block content-box1 %}
    <b>Productos a Importar desde Archivo</b>
    <br><br>
    {%  if productos %}
        <table id="inventario" class="tablesorter">
            <thead>
                <tr align="center">
                    <th>descripcion</th>                        
                </tr>            
            </thead>
            <tbody>            
                {% for producto in productos %}
                    <tr align="center">
                        <td>{{ producto.descripcion }}</td>                        
                    </tr>
                {% endfor %}            
            </tbody>	  
        </table>
        <br>
    {% else %}
        No se pudo importar el contenido del archivo, intente de nuevo
    {% endif %}
{% endblock %}

{% block content-colum2 %}
    {% if user.is_authenticated %}
        <ul>
            <li><a href="{% url index %}">{% trans "Home" %}</a></li>
            <li><a href="{% url inventario %}">Inventario</a></li>
            <li><a href="{% url ver_historial_inventario %}">Historial Inventario</a></li>
            <li><a href="{% url agregar_productos_inventario %}">Agregar Productos Inventario</a></li> 
        </ul>
    {% endif %}   
{% endblock %}